<template>
  <view class='container'>
    
				<view class="con-item">
					<view class="con-item-title">
						<text class="con-item-title-x">*</text>
						<text class="con-item-title-num">03</text>
						<view class="con-item-title-text">请输入姓名</view>
					</view>
					<view class="con-item-val essay-question">
						<uni-easyinput
							type="textarea" 
							autoHeight 
							v-model="value" 
							placeholder="请输入200字以内的备注说明"
						></uni-easyinput>
						<view class="count">0/200</view>
					</view>
				</view>
				<view class="con-item">
					<view class="con-item-title">
						<text class="con-item-title-x">*</text>
						<text class="con-item-title-num">03</text>
						<view class="con-item-title-text">身份证号码</view>
					</view>
					<view class="con-item-val ipone">
						<uni-easyinput 
							v-model="value" 
							placeholder="请输入身份证号"
							type="number"
						></uni-easyinput>
						<view class="tips">此题涉及隐私信息，请注意核实收集者身份。</view>
					</view>
				</view>
				<view class="con-item">
					<view class="con-item-title">
						<text class="con-item-title-x">*</text>
						<text class="con-item-title-num">04</text>
						<view class="con-item-title-text">「单选题」这是一个单选题</view>
					</view>
					<view class="con-item-val single">
						<view 
							class="single-item" 
							v-for="(item,index) in items" 
							:key="item.id"
							@click="radioChange(index)"
						>
							<image v-if="index !== singleCurrent" class="radio" src="../../static/radio.svg"/>
							<image v-else class="radio" src="../../static/radio-change.svg"/>
							<view class="text">{{item.name}}</view>
						</view>
					</view>
				</view>
				<view class="con-item">
					<view class="con-item-title">
						<text class="con-item-title-x">*</text>
						<text class="con-item-title-num">05</text>
						<view class="con-item-title-text">「多选题」这是一个多选题</view>
					</view>
					<view class="con-item-val single">
						<view 
							class="single-item" 
							v-for="(item,index) in items" 
							:key="item.id"
							@click="multipleChange(index)"
						>
							<image v-if="!multipleCurrent.includes(index)" class="radio" src="../../static/radio.svg"/>
							<image v-else class="radio" src="../../static/multiple-change.svg"/>
							<view class="text">{{item.name}}</view>
						</view>
					</view>
				</view>
				<view class="con-item">
					<view class="con-item-title">
						<text class="con-item-title-x">*</text>
						<text class="con-item-title-num">06</text>
						<view class="con-item-title-text">请添加营业执照图片</view>
					</view>
					<view class="con-item-val file-img">
						<!-- 还没上传图片的样式 -->
						<view class="no-img" v-show="imageValue.length == 0" @click="toChoose">
							<view class="no-img-center">
								<view class="no-img-center-top">
									<image src="../../static/file-add.svg"/>
									<text>添加图片</text>
								</view>
								<view class="no-img-center-bottom">图片要求：最多6张</view>
							</view>
						</view>
						<!-- 上传了图片的样式 -->
						<view class="imgs" v-show="imageValue.length != 0">
							<uni-file-picker 
								limit="6" 
								title="最多选择6张图片"
								file-mediatype="image"
								:auto-upload="false"
								ref="filesRef"
								@select="select" 
								@progress="progress" 
								@success="success" 
								@fail="fail"
								@delete="deleteF"
							></uni-file-picker>
						</view>
					</view>
				</view>

				<view class="con-item">
					<view class="con-item-title">
						<text class="con-item-title-x">*</text>
						<text class="con-item-title-num">07</text>
						<view class="con-item-title-text">请添加文件</view>
					</view>
					<view class="con-item-val file-img file-box">
						<!-- 还没上传文件的样式 -->
						<view class="no-img" v-show="fileValue.length == 0" @click="selectFile">
							<view class="no-img-center">
								<view class="no-img-center-top">
									<image src="../../static/file-add.svg"/>
									<text>添加文件</text>
								</view>
								<view class="no-img-center-bottom">文件要求：无限制</view>
							</view>
						</view>
						<!-- 上传了文件的样式 -->
						<view class="file" v-show="fileValue.length != 0">
							<image class="file-left" src="../../static/file.svg"/>
							<view class="file-middle">
								<text>交接清单.pdf</text>
								<text>2020/01/23 14:00:12</text>
							</view>
							<image class="file-right" src="../../static/del.svg" @click="deleteFile"/>
						</view>
					</view>
				</view>
				<view class="con-item">
					<view class="con-item-title">
						<text class="con-item-title-x">*</text>
						<text class="con-item-title-num">08</text>
						<view class="con-item-title-text">多选题 多问题（超过五个选项展示这样）</view>
					</view>
					<view 
						class="con-item-val ipone pop-up" 
						
					>
						<view class="pop-up-input" @click="openPopup">
							请选择
						</view>
						<image class="down" src="../../static/down.svg"/>
					</view>
				</view>
  </view>
</template>

<script setup>

</script>

<style lang='scss' scoped>

</style>